<script setup>
import { useSlots, useAttrs,defineProps,toRefs } from 'vue';
import {pick} from "lodash-unified";

let props = defineProps(["theOuterModel"]);
const attrs = useAttrs();
const slots = useSlots();

function testAttrs(){

  let aa='aa1';
  function sss(){
    console.log('sss');
  }
  console.log(attrs);
  console.log(slots);
  console.log({...pick(toRefs(props),['theOuterModel']),aa,sss});
  console.log(props.theOuterModel);
}

</script>

<template>
  <button @click="testAttrs">testAttrs</button>
</template>

<style scoped>

</style>